<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider();
});
</script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.1.js"></script>
<script type="text/javascript">
	$(function() {
		$("#home-slider").jCarouselLite({
			btnNext: ".next",
			btnPrev: ".prev",
			visible : 4,
			auto : 10000,
			speed : 1000,
			circular : true,
			scroll : 4
		});
});
</script>
</head>

<body class="home">
    <div class="wrapper-home">
        <div class="rightbar">
        	<img id="home-logo" src="images/logo.png" width="80" height="50" />
            <div class="slider-wrapper theme-default">
                <div class="ribbon"></div>
                <div id="slider" class="nivoSlider">
                    <img src="p1.png" alt="" />
                    <a href="http://dev7studios.com"><img src="p2.png" alt="" title="This is an example of a caption" /></a>
                    <img src="p2.png" alt="" data-transition="slideInLeft" />
                    <img src="p3.png" alt="" title="#htmlcaption" />
                </div>
                <div id="htmlcaption" class="nivo-html-caption">
                    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
                </div>
            </div>
        </div>
       	<div class="more-products">
            <div class="menu">
                <ul>
                    <li><span><a href="#">sadasd</a></span></li>
                    <li><span><a href="#">sadasd</a></span></li>
                    <li><span><a href="#">sadasd</a></span></li>
                    <li><span><a href="#">sadasd</a></span></li>
                </ul>
            </div>
            <div class="more-products-content">
                <a href="#"><div class="prev"></div></a>
                <a href="#"><div class="next"></div></a>
            	<div id="home-slider">
                    <ul>
                        <li><img src="images/thumbs.jpg" /><p>abc</p></li>
                        <li><img src="images/thumbs.jpg" /><p>abc</p></li>
                        <li><img src="images/thumbs.jpg" /><p>abc</p></li>
                        <li><img src="images/thumbs.jpg" /><p>abc</p></li>
                    </ul>
               	</div>
            </div> 
        </div>
    </div>
</body>
</html>
